<template>
  <view class="content">
    <div class="header">
      <header>
		  <span class="header-title">北京</span>
		  <span>试试搜:呷哺呷哺</span>
	  </header>
    </div>
    <view class="swiperWap">
      <view class="uni-padding-wrap">
        <view class="page-section swiper">
          <view class="page-section-spacing">
            <swiper
              class="swiper"
              :indicator-dots="indicatorDots"
              :autoplay="autoplay"
              :interval="interval"
              :duration="duration"
            >
              <swiper-item v-for="(item, index) in banans" :key="index">
                <img :src="item.picUrl" alt="" />
              </swiper-item>
            </swiper>
          </view>
        </view>
      </view> 
      <div class="body">
      <navigator 
      :app-id = "item.appId"
      :path = "item.appLink"
      :target = "item.appId ? 'miniProgram':''"
      v-for="(item,index) in homeFunctionWidget" :key = 'index'>
        <img :src="item.img" alt="" mode = 'widthFix'>
        <span>{{item.name}}</span>
      </navigator>
    </div>
    </view>
    <ytimelimit class="ytime"/>
    <ytimelimit />
    <restaurant />
  </view>
</template>
<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin: 200rpx auto 50rpx auto;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>






<script>
import { getbannerlist } from "../../services";
import ytimelimit from "../../componentes/ytimelimit.vue"
export default {
  components: { ytimelimit },
  data() {
    return {
      title: "Hello",
      background: ["#f90", "color2", "color3"],
      indicatorDots: true,
      autoplay: true,
      interval: 2000,
      duration: 500,
	  banans:[]
    };
  },
  async created() {
    this.banans = await getbannerlist({
		cityId: 19,
		mwAuthToken:
			"uPCQvKl9RhX5r9SGP2noD0Ei0D3egOAN8IrKQ9lIY-BS0nZ8NKqZIMOel3oNkoUYqtPCSKhwebLrgjfpX-CQWJIcZYXmpdLdIF3rNSY-BJe8dSyjtMBhBHk20pqzLLrwWAX-Cq4yzX-ChX-Csk9vBdT1EflbSDPNZFGgxBc5VnC14kzL8imwH7UY-BgBh0Yhgu8NUZXa5Gthb4rm1u2ZIbmPpChaX-Ce3QuHcg-Z-Z",
		fromw: 1401,
    });
	console.log(this.banans);
  },
  onLoad() {},
  methods: {},
};
</script>

<script>
import { getbannerlist } from "../../services";
import {brandstore} from '../../components/BrandStore.vue'
export default {
  components:{brandstore},	
  data() {
    return {
      title: "Hello",
      background: ["#f90", "color2", "color3"],
      indicatorDots: true,
      autoplay: true,
      interval: 2000,
      duration: 500,
	  banans:[]
    };
  },
  async onShow() {
    let banans = await getbannerlist({
		cityId: 19,
		mwAuthToken:
			"uPCQvKl9RhX5r9SGP2noD0Ei0D3egOAN8IrKQ9lIY-BS0nZ8NKqZIMOel3oNkoUYqtPCSKhwebLrgjfpX-CQWJIcZYXmpdLdIF3rNSY-BJe8dSyjtMBhBHk20pqzLLrwWAX-Cq4yzX-ChX-Csk9vBdT1EflbSDPNZFGgxBc5VnC14kzL8imwH7UY-BgBh0Yhgu8NUZXa5Gthb4rm1u2ZIbmPpChaX-Ce3QuHcg-Z-Z",
		fromw: 1401,
    });
	this.banans=banans.data
  },
  onLoad() {},
  methods: {},
};
</script>
<style lang="scss">
.header {
	width: 100%;
	height: 30px;
	margin-top: 30px;
	text-align: left;
}
.swiperWap {
	width: 100%;
	height: 300px;
}
.swiper-item {
	width: 100%;
	height: 100%;
}
.uni-bg-red {
    background-color: red;
}
.uni-bg-green {
    background-color: green;
}
.uni-bg-blue {
    background-color: blue;
	padding-top: 30px;
	text-align: left;
	background-color: #f1827a;
	.headerwxfSearch{
		// width: 80px;
		padding-left: 30px;
		padding-right:20px ;
		font-size: 14px	;
		margin-left: 5px;
		height: 25px;
		line-height: 25px;
		border: 1px solid;
		border-radius: 30px;
		background-color: #fff;
		display: inline-block;
	}
}
.swiperWap {
	width: 100%;
	height: 100px;
	background-image: linear-gradient(#f1827a, #fff);
	.uni-padding-wrap{
		width: 90%;
		height: 100px;
		margin: 0 auto;
	}
	img{
		width: 100%;
		height: 100%;
		border-radius: 10px;
	}
	.swiper{
		height: 100%;
		.page-section-spacing{
			height: 100%;
		}
	}
}
brandstore{
	width: 90%;
	margin-top: 10px;
<<<<<<< HEAD
>>>>>>> bc8883ef87bdbfc42af84ba46a8b0f8367776330
=======
>>>>>>> 55502f036920954b4c2518ec5e0ffdcaa14d2b07
}
.Head-top {
	font-size: 14px;
	display: flex;
}
.content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.logo {
	height: 200rpx;
	width: 200rpx;
	margin: 200rpx auto 50rpx auto;
}

.text-area {
	display: flex;
	justify-content: center;
}

.title {
	font-size: 36rpx;
	color: #8f8f94;
}
<<<<<<< HEAD
<<<<<<< HEAD
</style>
=======
</style>
>>>>>>> bc8883ef87bdbfc42af84ba46a8b0f8367776330
=======
=======
</style>
</style>
>>>>>>> 55502f036920954b4c2518ec5e0ffdcaa14d2b07
<template>
	<view class="content">
		<div class="indexHeader">
			<div class="Headerst">
				宏烨找房
			</div>
			<div class="indexSearch">
					<span> 北京   </span>
					<input type="text"  placeholder-class="phcolor" placeholder="请在这里输入区域/商圈"/>
					🔍
			</div>
		</div>
		<div class="indexSwiper">
			    <view class="swiperWap">
				  <view class="uni-padding-wrap">
					<view class="page-section swiper">
						<view class="page-section-spacing">
							<swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
								<swiper-item v-for="item,index in branchlist" :key="index">
									<view class="swiper-item uni-bg-red"> <img :src="Url+item.imgSrc"> </view>
								</swiper-item>
							</swiper>
						</view>
					</view>
				</view>
			</view>
		</div>
		<div class="indexXuebi">
			<div>
				<navigator url="/pages/buy/index">
					<img src="../../static/q1.png">
				</navigator>
				<navigator url="/pages/rent/index">
					<img src="../../static/q2.png">
				</navigator>
				<navigator url="/pages/soliciting/index">
					<img src="../../static/q3.png">
				</navigator>
				<navigator url="/pages/lookBuy/index">
					<img src="../../static/q4.png">
				</navigator>
				<navigator url="/pages/mapFindRoom/index">
					<img src="../../static/q5.png">
				</navigator>
			</div>
			<div>
				<navigator url="/pages/intermation/intermation">
					<img src="../../static/q6.png">
				</navigator>
				<navigator url="/pages/housing/index">
					<img src="../../static/q7.png">
				</navigator>
				<navigator url="/pages/agent/index">
					<img src="../../static/q8.png">
				</navigator>
				<navigator url="/pages/groupLook/index">
					<img src="../../static/q9.png">
				</navigator>
				<navigator url="/components/broadcast">
					<img src="../../static/q10.png">				
				</navigator>
			</div>
		</div>
		<div class="lszx">
			<h1>楼市咨询</h1>
			<div class="lszxbox">
				<div v-for="item,index in lszx" :key="index">
					<span class="lszxtop"> TOP{{index}}</span>
					<span>{{item}}</span> 
				</div>
			</div>
		</div>
		<div class="rmlp">
			<h1>热门楼盘</h1>
			<div>
				<dl>
					<dt> <img src="../../static/lpimgs/w1.png" alt=""> </dt>
					<dd> 
							<p> 石景山  紧邻龙湖天街S1  生活配套齐全 </p>
							<p>43平/2室 1厅 / 远洋新天地</p>
							<p> 
								<span>114.98万</span>
								<span>12100元/m²</span>
						    </p>
							<button>小区</button>
					</dd>
				</dl>
				<dl>
					<dt> <img src="../../static/lpimgs/w1.png" alt=""> </dt>
					<dd> 
							<p> 石景山  紧邻龙湖天街S1  生活配套齐全 </p>
							<p>43平/2室 1厅 / 远洋新天地</p>
							<p> 
								<span>114.98万</span>
								<span>12100元/m²</span>
						    </p>
							<button>小区</button>
					</dd>
				</dl>
				<dl>
					<dt> <img src="../../static/lpimgs/w1.png" alt=""> </dt>
					<dd> 
							<p> 石景山  紧邻龙湖天街S1  生活配套齐全 </p>
							<p>43平/2室 1厅 / 远洋新天地</p>
							<p> 
								<span>114.98万</span>
								<span>12100元/m²</span>
						    </p>
							<button>小区</button>
					</dd>
				</dl>
				<dl>
					<dt> <img src="../../static/lpimgs/w1.png" alt=""> </dt>
					<dd> 
							<p> 石景山  紧邻龙湖天街S1  生活配套齐全 </p>
							<p>43平/2室 1厅 / 远洋新天地</p>
							<p> 
								<span>114.98万</span>
								<span>12100元/m²</span>
						    </p>
							<button>小区</button>
					</dd>
				</dl>
			</div>
		</div>
	</view>
</template>

<script>
import {getBranchlist} from '../../services'
	export default {
		data() {
			return {
				title: 'Hello',
				indicatorDots: true,
				autoplay: true,
				interval: 2000,
				duration: 500,
				Url:'http://157.122.54.189:9060',
				branchlist:[],
				lszx:['心悦尚城新房正在抢购心悦尚城新房正在抢购!','心悦尚城新房正在抢购心悦尚城新房正在抢购!','心悦尚城新房正在抢购心悦尚城新房正在抢购!','心悦尚城新房正在抢购心悦尚城新房正在抢购!',]
			}
		},
		async onShow(){
			let branchList= await getBranchlist()
			this.branchlist=branchList.body
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang='scss'>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		.indexHeader{
			width: 100%;
			height: 220rpx;
			color: white;
			background-image: linear-gradient(#0272f0, #329efd);
			.Headerst{
				width: 100%;
				margin-top: 75rpx;
				text-align: left;
			}
			.indexSearch{
				width: 90%;
				margin: 0 auto;
				display: flex;
				justify-content: space-around;
				border-radius: 10px;
				border: 1px solid;
				color: white;
				background-color: #90c6f7;
				font-size: 35rpx;
				margin-top: 10rpx;
				border: 0;
				span{
					width: 140rpx;
					text-align: center;
				}
				input{
					border-left: 1px solid;
					padding-left: 40rpx;
					.phcolor{
						color: white;
					}
				}
			}
		}
		.indexSwiper{
			width: 100%;
			.uni-padding-wrap{
				width: 100%;
				height: 350rpx;
				margin: 0 auto;
			}
			.swiper-item{
				width: 100%;
				height: 100%;
			}
			img{
				width: 100%;
				height: 100%;
				border-radius: 10px;
			}
		}
		.indexXuebi{
			width: 90%;
			div{
				width: 100%;
				height: 200rpx;
				display: flex;
				justify-content: space-around;
				img{
					width: 50px;
					height: 70px;
					cursor: pointer;
				}
			}
		}
		.lszx{
			width: 90%;
			margin: 0 auto;	
			.lszxbox{
				width: 100%;
				height: 100%;
				border: 0px solid #ccc;
				box-shadow:1px 0px 6px 1px #ccc;
				div{
					width: 100%;
					font-size: 10px;
					height: 70rpx;
					line-height: 70rpx;
					padding-top: 20rpx;
				}
				.lszxtop{
					display: inline-block;
					width: 100rpx;
					text-align: center;
					background-image: linear-gradient(#f6cbd0, #fa7879);
					color: white;
					margin-right: 30rpx;
					margin-left: 30rpx;
				}
			}
			h1{
				width: 100%;
				height: 80rpx;
				text-align: left;
				font-weight: bolder;
			}
		}
		.rmlp{
				width: 90%;
				margin: 0 auto;
				margin-top: 20rpx;
			h1{
				width: 100%;
				text-align: left;
				font-weight: bolder;
			}
			div{
				width: 100%;
				height: 500rpx;
				margin-top: 50rpx;
				dl{
					width: 100%;
					height: 230rpx;		
					display: flex;
					dt{
						img{
							width: 200rpx;
							height: 200rpx;
						}
					}
					dd{
						margin-left: 20rpx;
						text-align: left;
						p:nth-child(1){
							font-weight: bolder;
							font-size:35rpx;
						}
						p:nth-child(2){
							font-size:25rpx ;
						}
						p:nth-child(3){
							font-size: 24rpx;
							span:nth-child(1){
								color: red;
							}
						}
						button{
							float: left;
							width: 140rpx;
							height: 50rpx;
							line-height: 50rpx;
							font-size: 25rpx;
							text-align: left;
						}
					}
				}
			}
		}
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin: 200rpx auto 50rpx auto;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>
